export default {
  props: {
    items: {
      type: Array,
      deafult: () => []
    }
  },
  render: function(createElement) {
    // 注意组件只能够有一个根节点
    if (this.items.length) {
      return createElement('div',  [
        createElement("h2", "使用jsx代替template"),
        createElement('ul', this.items.map(function (item) {
          return createElement('li', item.name);
        }))
      ])
    } else {
      return createElement('div', [
        createElement("h2", "使用jsx代替template"),
        createElement("p", "No items found.")
      ])
    }
  }
}